<template>
  <div>
    <div class="van-hairline--surround">
      <Tab :tab="tab" />
    </div>
    <List :id="$route.query.id"/>
    </div>
</template>

<script>
import Tab from '@/components/Vant/tab.vue';
import List from './index/list.vue';

export default {
  components: {
    Tab, List,
  },
  data() {
    return {
      navbar: {
        fixed: true,
        title: {
          text: '首页',
        },
        left: null,
        right: null,
      },
      tab: {
        type: 'line', // line or card 风格
        color: '#242424', // 颜色
        duration: 0.7, // 动画时间，单位毫秒
        sticky: true, // 是否使用粘性定位布局
        swipeable: false, // 是否开启手势滑动切换
        animated: false, // 是否使用动画切换 Tabs
        // 标签列表
        list: [
          {
            title: '热门',
            id: 10001,
            fun: this.d, // 点击函数
          },
          {
            title: '男士',
            id: 10002,
            fun: this.d1,
          },
          {
            title: '女士',
            id: 10007,
            fun: null,
          },
          {
            title: '推荐',
            id: 10004,
            fun: null,
          },
        ],
      },
    };
  },
  methods: {
  },
  mounted() {
    // 传值到父组件
    this.$emit('child_func', this.navbar);
  },
};
</script>
